<template>
  <div class="page" data-name="about">
    <div class="navbar">
      <div class="navbar-inner sliding">
        <!-- <div class="left">
        <a href="#" class="link back">
          <i class="icon icon-back"></i>
          <span class="ios-only">返回</span>
        </a>
      </div> -->
        <div class="title">我的信息</div>
      </div>
    </div>
    <div class="page-content">
      <div class="list">
        <ul>
          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-title">用户名</div>
                <div class="item-after">
                  <span class="badge color-blue">{{person.userid}}</span>
                </div>
              </div>
            </div>
          </li>

          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-title">公司</div>
                <div class="item-after">
                  <span class="badge color-green">{{person.companyname}}</span>
                </div>
              </div>
            </div>
          </li>

          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-title">邮箱</div>
                <div class="item-after">

                </div>
              </div>
            </div>
          </li>

          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-title">角色</div>
                <div class="item-after">
                  <span class="badge color-orange">管理员</span>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
  return {
    data: function () {
	  //console.info(this.$root.person);
	  var currentPerson=this.$root.person;
      return {
        person: currentPerson,
      };
    }
  };

</script>
